﻿
/* logon.css: refer to https://github.com/liukuo362573/YiShaAdmin/YiShaAdmin/YiSha.Web/YiSha.Admin.Web/wwwroot/yisha/css/login.css

Licensed under the MIT license
liukuo362573/YiShaAdmin is licensed under the
A short and simple permissive license with conditions only requiring preservation of copyright and license notices. Licensed works, modifications, and larger works may be distributed under different terms and without source code.
*/

html {
    height: 100%
}

.logon-title {
    margin:10% auto 0 auto;
}

.logon-panel {
    width: 680px;
    margin: 10px auto 0 auto;
}

    .logon-panel .section {
        width: 560px;
        margin: 0 auto;
    }

    .logon-panel .logopanel {
        float: none;
        width: auto;
        padding: 0;
        background: 0 0
    }

    .logon-panel .logon-info ul {
        list-style: none;
        padding: 0;
        margin: 20px 0
    }

    .logon-panel .form-control {
        display: block;
        margin-top: 15px
    }

    .logon-panel .uname {
        background: #fff url(/images/user.png) no-repeat 95% center;
        color: #333
    }

    .logon-panel .pword {
        background: #fff url(/images/locked.png) no-repeat 95% center;
        color: #333
    }

    .logon-panel .code {
        background: #fff no-repeat 95% center;
        color: #333;
        margin: 0 0 15px 0;
    }

    .logon-panel .btn {
        margin-top: 15px
    }

    .logon-panel form {
        background: rgba(255,255,255,.2);
        border: 1px solid rgba(255,255,255,.3);
        -moz-box-shadow: 0 3px 0 rgba(12,12,12,.03);
        -webkit-box-shadow: 0 3px 0 rgba(12,12,12,.03);
        box-shadow: 0 3px 0 rgba(12,12,12,.03);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 10px 30px 20px
    }

.logon-info ul {
    line-height: 25px;
    margin-top: 50px;
    font-size: 13px
}

.login-footer {
    border-top: solid 1px rgba(255,255,255,.3);
    margin: 20px 0;
    padding-top: 15px
}

/*弹出框里面文字的颜色*/
.layui-layer-content {
    color: #676a6c;
}

@media screen and (max-width:768px) {
    .logon-panel {
        margin: 0 auto;
        width: 360px !important;
        padding: 20px
    }

        .logon-panel .section {
            width: 100%;
            margin: 0 auto;
        }

        .logon-panel form {
            margin-top: 20px
        }

    .login-footer, .form-control {
        margin-bottom: 10px
    }

    .logon-panel .logon-info ul {
        display: none;
    }
}

@media screen and (max-width:320px) {
    .logon-panel {
        margin: 0 20px;
        width: auto
    }

        .logon-panel .section {
            width: 100%;
            margin: 0 auto;
        }
}

.checkbox-custom {
    position: relative;
    padding: 0 15px 0 25px;
    margin-bottom: 7px;
    margin-top: 0;
    display: inline-block
}

    .checkbox-custom input[type="checkbox"] {
        opacity: 0;
        position: absolute;
        cursor: pointer;
        z-index: 2;
        margin: -6px 0 0 0;
        top: 50%;
        left: 3px
    }

    .checkbox-custom label:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -9px;
        width: 18px;
        height: 17px;
        display: inline-block;
        border-radius: 2px;
        border: 1px solid #bbb;
        background: #fff
    }

    .checkbox-custom input[type="checkbox"]:checked + label:after {
        position: absolute;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        content: "\e013";
        top: 42%;
        left: 3px;
        margin-top: -5px;
        font-size: 11px;
        line-height: 1;
        width: 16px;
        height: 16px;
        color: #333
    }

    .checkbox-custom label {
        cursor: pointer;
        line-height: 1.2;
        font-weight: normal;
        margin-bottom: 0;
        text-align: left
    }
